<!DOCTYPE HTML>
<html>
	<!--<![endif]-->
	<style>
		.ddiv {
			padding-bottom: 20px;
			/*background-color: red;*/
		}
		
		.div {
			position: relative;
			right: -80px;
		}
		
		#but {
			position: relative;
			right: -315px;
		}
		
		#pl {
			position: relative;
			top: -40px;
		}
		
		.d2 {
			padding-bottom: 50px;
			border-bottom: 1px solid #2D2D2D;
		}
		
		.p1 {
			margin-left: 70px;
			padding-bottom: 20px;
			font-size: 16px;
			color: gainsboro;
		}
		
		.p2 {
			/*height: 10px;*/
			/*background-color: red;*/
			margin-left: 70px;
			padding-top: 45px;
		}
		
		.t1 {
			margin-top: 30px;
		}
		
		.iconfont {
			font-family: "iconfont" !important;
			font-size: 16px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-webkit-text-stroke-width: 0.2px;
			-moz-osx-font-smoothing: grayscale;
		}
		
		.v1 {
			padding-bottom: 500px;
		}
		
		.dian1 {
			margin-left: 70px;
			margin-top: -20px;
		}
		
		.huifu1 {
			padding-bottom: 10px;
			margin-top: 30px;
			margin-left: 70px;
			/*background-color: red;*/
			/*display: none;*/
		}
		
		.zihuifu {
			padding-bottom: 20px;
		}
		
		.h1 {
			margin-top: 500px;
		}
		
		.zp {
			font-size: 13px;
			color: gainsboro;
		}
		
		.zpl {
			position: relative;
			margin-left: 60px;
			margin-top: 10px;
		}
		
		.img {
			position: relative;
			margin-top: 12px;
		}
	</style>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no,minimal-ui">
		<title>零基础入门学习Python课程学习详情-因酷在线教育软件-中国在线教育平台第一品牌</title>
		<meta name="author" content="INXEDU(http://www.inxedu.com)" />
		<meta name="keywords" content="INXEDU,在线教育,网校搭建,网校,网络教育,远程教育,云网校,在线学习,在线考试" />
		<meta name="description" content="inxedu是一家专注“在线教育平台”的互联网公司，在国内属顶级在线教育解决方案提供商中的领跑者。为大、中型客户提供领先的在线教育平台方案服务。" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta content="telephone=no" name="format-detection" />
		<link rel="stylesheet" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/theme.css">
		<link rel="stylesheet" type="text/css" href="../../css/global.css">
		<link rel="stylesheet" type="text/css" href="../../css/web.css">
		<link rel="stylesheet" type="text/css" href="../../webapp/static/exam/new_style/style.css">
		<link href="../../webapp/static/inxweb/css/mw_320_768.css" rel="stylesheet" type="text/css" media="screen and (min-width: 320px) and (max-width: 768px)">
		<link href="../../webapp/static/exam/new_style/mw_320_768.css" rel="stylesheet" type="text/css" media="screen and (min-width: 320px) and (max-width: 768px)">
		<link rel="stylesheet" type="text/css" href="../../webapp/static/exam/css/examtheme.css">
		<link rel="stylesheet" href="../../webapp/static/exam/css/xam-style.css?v=1512129123700">
		<link href="../../webapp/static/exam/css/mw_320_768.css" reel="stylesheet" type="text/css" media="screen and (min-width: 320px) and (max-width: 768px)">
		<script type="text/javascript" src="../../js/jquery.min.js"></script>
		<script type="text/javascript" src="../../static/common/webutils.js"></script>
		<script type="text/javascript" src="../../js/header.js"></script>
		<script type="text/javascript" src="../../assets/js/common.js"></script>
		<script type="text/javascript" src="../../js/jquery.cookie.js"></script>
		<script type="text/javascript" src="../../static/inxweb/front/courseInfo.js"></script>
		<script type="text/javascript" src="../../static/inxweb/comment/comment.js"></script>
		<script type="text/javascript" src="../../js/head.js"></script>
		<script>
			$(function() {
				var token = localStorage["token"];
				if(token != "null" && token != "" && token != null) {
					var json = islogins(token);
					if(json != "null" && json != "" && json != null) {
						if(json.code == 200) {
							haslogin(json, 1);
						}
					}
				}
			})
		</script>
	</head>

	<body>
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/axios.min.js"></script>
		<script src="../../js/moment.js"></script>
		<div class="in-wrap">
			<div class="changeTheme" style="display: none;">
				<div class="ei-item-box">
					<div class="container pr">
						<a class="fr" id="Replacement" href="javascript:void(0);">
							<img alt="" src="../../static/inxweb/img/HF-BG.png">
						</a>
					</div>
				</div>
				<div class="ei-i-dialog pa" style="height: 120px; top: -120px; opacity: 0; z-index: -1;">
					<div style="height: 100%;" class="ei-i-dialog-box">
						<div class="ei-i-dialog-box-tit">
							<section class="container pr">
								<a title="收起" class="ei-i-close close_a pa" id="close_a" href="javascript: void(0)">
									<em class="vam up-hf"> <img alt="" src="../../static/inxweb/img/up-hf.png">
								</em>
									<tt class="f-fM fsize14 vam">收起</tt>
								</a>
								<span> 主题切换 </span>
							</section>
						</div>
						<div class="ei-i-dialog-box-boy">
							<div class="container">
								<article class="dialog-box-boy-in">
									<ul class="clearfix">
										<li>
											<div id="themeColororange" class="box-boy-in-i  ">
												<a class="pr" href="javascript:changeThemeColor('orange')">
													<img class="pic" alt="" src="../../static/inxweb/img/pic/one-master.jpg">
													<span class="pa name"> 网络课堂--模板一 </span> <em id="triangle-bottomright" class="xz"> &nbsp; </em>
													<div class="loging" style="display:none;">
														<img src="../../static/inxweb/img/loding.gif" alt="">
													</div>
												</a>
											</div>
										</li>
										<li>
											<div id="themeColorgreen" class="box-boy-in-i">
												<a class="pr" href="javascript:changeThemeColor('green')">
													<img class="pic" alt="" src="../../static/inxweb/img/pic/two-green.jpg">
													<span class="pa name"> 网络课堂--模板二 </span> <em id="triangle-bottomright" class="xz"> &nbsp; </em>
													<div class="loging" style="display:none;">
														<img src="../../static/inxweb/img/loding.gif" alt="">
													</div>
												</a>
											</div>
										</li>
										<li>
											<div id="themeColorblue" class="box-boy-in-i">
												<a class="pr" href="javascript:changeThemeColor('blue')">
													<img class="pic" alt="" src="../../static/inxweb/img/pic/three-blue.jpg">
													<span class="pa name"> 网络课堂--模板三 </span> <em id="triangle-bottomright" class="xz"> &nbsp; </em>
													<div class="loging" style="display:none;">
														<img src="../../static/inxweb/img/loding.gif" alt="">
													</div>
												</a>
											</div>
										</li>
									</ul>
								</article>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 公共头引入 -->
			<!-- /global header begin-->
			<header id="header">
				<section class="container">
					<h1 id="logo">
			<a href="http://localhost:8081/" title="三阳在线教育软件">
				<img src="../../images/upload/websiteLogo/20150820/1440035056371.png" width="100%" alt="三阳在线教育软件">
			</a>
		</h1>
					<div class="h-r-nsl">
						<ul class="nav">
							<li>
								<a href="../menu/index.html" title="首页">首页</a>
							</li>
							<li>
								<a href="../menu/courses-list.html" title="课程">课程</a>
							</li>
							<li>
								<a href="../../teachar/teacher-list.html" title="名师">名师</a>
							</li>
							<li>
								<a href="../menu/articlelist.html" title="文章">文章</a>
							</li>
							<li>
								<a href="../menu/question-list.html" title="问答">问答</a>
							</li>
						</ul>
						<!-- / nav -->
						<ul class="h-r-login">
							<li id="no-login">
								<a href="javascript:lrFun(1)" title="登录">
									<em class="icon18 login-icon">&nbsp;</em><span class="vam ml5">登录</span>
								</a>
								|
								<a href="javascript:lrFun(2)" title="注册">
									<span class="vam ml5">注册</span>
								</a>
							</li>
							<li class="mr10 undis" id="is-login-one">
								<a href="http://localhost:8081/uc/letter" title="消息" id="headerMsgCountId">
									<em class="icon18 news-icon">&nbsp;</em>
								</a><q class="red-point" style="display: none">&nbsp;</q></li>
							<li class="h-r-user undis" id="is-login-two">
								<a href="../menu/loginInfo.html" title="">
									<img src="../../static/inxweb/img/avatar-boy.gif" id="pic_img" width="30" height="30" class="vam picImg" alt="">
									<span class="vam disIb" id="userName"></span>
								</a>
								<a href="javascript:void(0)" title="退出" onclick="exit();" class="ml5">退出</a>
							</li>
							<!-- /未登录显示第1 li；登录后显示第2，3 li -->
						</ul>
						<aside class="h-r-search">
							<form action="http://localhost:8081/front/showcoulist" method="post">
								<label class="h-r-s-box"><input type="text" placeholder="输入你想学的课程" name="queryCourse.courseName" value="">
						<button type="submit" class="s-btn">
							<em class="icon18">&nbsp;</em>
						</button></label>
							</form>
						</aside>
					</div>
					<aside class="mw-nav-btn">
						<div class="mw-nav-icon"></div>
					</aside>
					<div class="clear"></div>
				</section>
			</header>
			<!-- /global header end-->
			<div class="h-mobile-mask"></div>
			<div class="head-mobile">
				<div class="head-mobile-box">
					<section class="clearfix">
						<div class="u-face-pic">
							<img src="../../static/inxweb/img/avatar-boy.gif" alt="" class="userImgPhoto">
							<a href="../../uc/initUpdateUser/1" title="" class="c-fff">修改头像</a>
						</div>
						<h4 class="hLh30 txtOf">
				<span class="fsize16 c-ccc userNameClass">
					<span class="vam ml5" style="cursor:pointer;" onclick="lrFun(1)">登录</span>
				</span>
			</h4>
						<div class="hLh30">
							<a href="http://localhost:8081/uc/initUpdateUser/0" title="个人资料设置" class="c-999">个人资料设置</a>
						</div>
						<div class="hLh20 undis" id="mobileExitDiv">
							<a href="javascript:void(0)" title="退出" onclick="exit();" class="c-999">退出</a>
						</div>
					</section>
					<nav class="mw-nav">
						<ul class="clearfix">
							<li>
								<a href="../menu/index.html" title="首页">首页</a>
							</li>
							<li>
								<a href="../menu/courses-list" title="课程">课程</a>
							</li>
							<li>
								<a href="../menu/Teacher" title="名师">名师</a>
							</li>
							<li>
								<a href="../menu/articlelist" title="文章">文章</a>
							</li>
							<li>
								<a href="../menu/Score" title="考试">考试</a>
							</li>
							<li>
								<a href="../menu/wenda" title="问答">问答</a>
							</li>
						</ul>
					</nav>
					<section class="u-m-dd">
						<ul>
							<li>
								<span>Wo的学习</span>
								<ol>
									<li class="current">
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('http://localhost:8081/uc/index')" title="">免费课程</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('http://localhost:8081/front/showcoulist')" title="">选课中心</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('http://localhost:8081/uc/myFavorites')" title="">Wo的收藏</a>
									</li>
								</ol>
							</li>
						</ul>
						<ul>
							<li>
								<span>Wo的问答</span>
								<ol>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('http://localhost:8081/uc/myquestions/list')" title="">Wo的提问</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('http://localhost:8081/uc/myrepquestions/list')" title="">Wo的回答</a>
									</li>
								</ol>
							</li>
						</ul>
						<ul>
							<li>
								<span>Wo的资料</span>
								<ol>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('http://localhost:8081/uc/initUpdateUser/0')" title="">基本资料</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('http://localhost:8081/uc/initUpdateUser/1')" title="">个人头像</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('http://localhost:8081/uc/initUpdateUser/2')" title="">密码设置</a>
									</li>
								</ol>
							</li>
						</ul>
						<ul>
							<li>
								<span>Wo的消息</span>
								<ol>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('http://localhost:8081/uc/letter')" title="">系统消息</a>
									</li>
								</ol>
							</li>
						</ul>
					</section>
				</div>
			</div>
			<script>
				$(function() {
					wmNavFun(); // 手机端导航方法
					goTopFun(); //返回顶部
				})
			</script>
			<!--<script>
				$(function() {
					//  	headers: { 'x-requested-with':'XMLHttpRequest'};
					$.ajaxSetup({
						crossDomain: true,
						xhrFields: {
							withCredentials: true
						}
					});
				});
			</script>-->

			<script>
				var baselocation = "http://localhost:8080";
				var keuploadSimpleUrl = '../webapp/image/keupload?';
				var uploadServerUrl = 'http://localhost:8080';
				var uploadSimpleUrl = "http://localhost:8081/image/gok4?";
			</script>

			<!--<script src="http://vod.baofengcloud.com/html/script/bfcloud.js?v=2"></script>-->
			<script type="text/javascript" src="../../webapp/static/common/ckplayer/ckplayer.js" charset="utf-8"></script>
			<script type="text/javascript">
				var isok = true;
				var currentprice = 0.00;

				function getData() {
					var status = CKobject.getObjectById('ckplayer_a1').getStatus()
				};
				//获取插件播放视频的时间何视频的总时间
			</script>
			<script>
				$(function() {
					wmNavFun(); // 手机端导航方法
					goTopFun(); //返回顶部
				})
			</script>
			<!-- 公共头引入 -->

			<script>
				$(function() {
					var str = '<section style="color: #666;position:absolute;left:50%;bottom:20px;z-index:7;margin-left:-80px;">';
					str += '<span>Powered by</span>';
					str += '<a href="http://www.inxedu.com" target="_blank" title="三阳教育软件" style="margin-left: 2px;color: #666;">三阳教育软件</a>';
					str += '</section>';
					$("body").append(str);
				});
			</script>

			<div id="aCoursesList" class="bg-fa of">
				<!-- /课程详情 开始 -->
				<section class="container">
					<section class="path-wrap txtOf hLh30">
						<a href="http://localhost:8081" title="" class="c-999 fsize14">首页</a>
						\
						<a href="http://localhost:8081/front/showcoulist" title="" class="c-999 fsize14">课程列表</a>
						\ <span class="c-333 fsize14" id="titlename">{{course.courseName}}</span>
					</section>

					<div id="details">
						<article class="c-v-pic-wrap">
							<section class="p-h-video-box" id="videoPlay">
								<img :src="course.logo" alt="course.courseName" class="dis c-v-pic" />
								<a href="javascript:void(0)" @click="playVideo()" title="course.courseName" class="v-play-btn">
									<em class="icon30">&nbsp;</em>
								</a>
							</section>
							<section class="p-h-video-tip">
								<img src="../../webapp/static/inxweb/img/v-loading.gif">
								<p class="hLh20"><span class="c-999">加载中...</span></p>
							</section>
						</article>
						<aside class="c-attr-wrap">
							<section class="ml20 mr15">
								<h2 class="hLh30 txtOf mt15">
										<span class="c-fff fsize24">{{course.courseName}}</span>
										</h2>
								<section class="c-attr-jg">
									<span class="c-fff">价格：</span><big class="c-yellow">￥{{course.currentPrice}}</big> <span class="c-ccc ml10">原价：<s>￥{{course.sourcePrice}}</s></span>
								</section>
								<section class="c-attr-mt c-attr-undis">
									<span class="c-fff fsize14">讲师&nbsp;&nbsp;<span v-for="teacher in teachers">{{teacher.name}}&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;
									</span>
								</section>
								<section class="c-attr-mt c-attr-time">
									<span class="c-fff fsize14">课程有效期:从购买之日起 {{course.loseTime}}天 
														
									</span>
								</section>
								<section class="c-attr-mt">
									<a href="javascript:void(0)" title="立即观看" @click="playVideo()" class="comm-btn c-btn-3">立即观看</a>
									<span class="ml10"><tt class="c-yellow f-fM">*咨询 400-006-5079</tt></span>
								</section>
								<section class="c-attr-mt of ml10">
									<section class="kcShare pr fl hand vam">
										<tt>
									<em class="icon18 shareIcon"></em><span class="vam c-fff f-fM">分享</span>
								</tt>
										<div id="bdshare" class="bdsharebuttonbox">
											<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" style="color: #499249;"></a>
											<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
											<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
											<a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a>
											<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
											<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
										</div>
										<script>
											window._bd_share_config = {
												"common": {
													"bdSnsKey": {},
													"bdText": "",
													"bdMini": "2",
													"bdMiniList": false,
													"bdPic": "",
													"bdStyle": "0",
													"bdSize": "16"
												},
												"share": {}
											};
											with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
										</script>
									</section>
									<span class="ml10 vam"><em class="icon18 scIcon"></em><a class="c-fff vam" title="收藏" onclick="favorites(10,this)" href="javascript:void(0)">收藏</a></span>
								</section>
							</section>
						</aside>
						<!--课程相关统计-->
						<aside class="thr-attr-box">
							<ol class="thr-attr-ol clearfix">
								<li>
									<p>&nbsp;</p>
									<aside>
										<span class="c-fff f-fM">购买数</span><br>
										<h6 class="c-fff f-fM mt10" id="buynum">{{course.pageBuycount}}</h6>
									</aside>
								</li>
								<li>
									<p>&nbsp;</p>
									<aside>
										<span class="c-fff f-fM">课时数</span><br>
										<h6 class="c-fff f-fM mt10" id="coursenum">{{course.lessionNum}}</h6>
									</aside>
								</li>
								<li>
									<p>&nbsp;</p>
									<aside>
										<span class="c-fff f-fM">浏览数</span><br>
										<h6 class="c-fff f-fM mt10" id="playnum">{{course.pageViewcount}}</h6>
									</aside>
								</li>
							</ol>
						</aside>
						<div class="clear"></div>

						<!-- /课程封面介绍 -->
						<div class="mt20 c-infor-box">
							<article class="fl col-7">
								<section class="mr30">
									<div class="i-box">
										<div>
											<section id="c-i-tabTitle" class="c-infor-tabTitle c-tab-title">
												<a name="c-i" class="current" title="课程详情" href="javascript: void(0)">课程详情</a>
												<a name="c-g" title="课程大纲" href="javascript: void(0)">课程大纲</a>
												<a name="c-c" title="课程评论" href="javascript: void(0)">课程评论</a>
											</section>
										</div>
										<article class="ml10 mr10 pt20">
											<div>
												<h6 class="c-i-content c-infor-title">
												<span>课程介绍</span>
												</h6>
												<!-- /无数据提示 开始-->
												<!-- 课程介绍缩放-->
												<div class="course-txt-body-wrap" id="courseDeails">
													<section class="course-txt-body">

														<p v-html="course.context"></p>

													</section>
													<section class="ctb-btn">
														<a href="javascript: void(0)" class="comm-btn c-btn-6" title="查看更多">查看更多v</a>
													</section>
												</div>
											</div>
											<!-- /课程介绍 -->
											<div class="mt50">
												<h6 class="c-g-content c-infor-title">
													<span>课程大纲</span>
												</h6>
												<section class="mt20">
													<div class="lh-menu-wrap">
														<menu id="lh-menu" class="lh-menu mt10 mr10">
															<ul id="meau">
																<!--章节-->
																<li class="lh-menu-stair" v-for="(point,index) in parent" v-if="point.parentId==0">
																	<a href="javascript: void(0)" title="point.name " @click="showAndHide(index)">
																		<span class="fr"><em class="icon14 m-tree-icon">&nbsp;</em></span><em class="lh-menu-i-1 icon24 mr5"><font>{{index+1}}</font></em> {{point.name}}
																	</a>
																	<ol class="lh-menu-ol" style="display: none;" :id="index">

																		<li class="lh-menu-stair" v-for="item in kpoints" v-if="item.parentId==point.kpointId">
																			<a title="" @click="playVideo(item)" href="javascript:void(0)">
																				<span class="fr">
																					<tt class="free-icon vam mr10" v-show="item.isFree==true">免费试听</tt>
																					<em class="lh-p-icon icon14 ml5">&nbsp;</em>{{item.playTime}}
																				</span>
																				<em class="lh-menu-i-2 icon14 mr5">&nbsp;</em>{{item.name}}
																			</a>
																		</li>
																	</ol>
																</li>
															</ul>
														</menu>
													</div>
												</section>
											</div>
											<h6 class="c-g-content c-infor-title">
													<span>课程评论</span>
											</h6>
											<ul id="coms">
												<li class="unBr">
													<dl class="n-reply-list">
														<dd>
															<div class="img">
																<aside class="noter-pic">
																	<img width="50" height="50" class="picImg" src="../../static/inxweb/img/avatar-boy.gif">
																</aside>
															</div>
															<div class="of">
																<section class="n-reply-wrap">
																	<fieldset><br>
																		<textarea name="" :placeholder="placeholder" id="commentContent" v-model="parentContent" style="margin-left: 60px; margin-right: 0px; width: 675px;"></textarea>
																	</fieldset>
																	<p class="of mt5 tar pl10 pr10">
																		<span class="fl "><tt class="c-red commentContentmeg" style="display: none;"></tt></span>
																		<a href="#" title="回复" class="lh-reply-btn" @click="addReply">回复</a>
																	</p>
																</section>
															</div>
														</dd>
													</dl>
												</li>
												<li v-for="(c ,index) in comments" v-if="c.pCommentId==0">
													<dl class="n-reply-list">
														<dd>
															<div class="img">
																<aside class="noter-pic">
																	<img width="50" height="50" class="picImg" :src="c.picImg" />
																</aside>
															</div>
															<div class="t1">
																<span class="p1">
																	<span style="color:deepskyblue">{{c.showName}}</span> <b>评论:</b>
																</span>
																<div>
																	<span class="p2">{{c.content}}</span>
																</div>
																<div class="of mt5">
																	<span class="fr">
								          								<font class="fsize12 c-999 ml5">{{c.addtime | dateFrm}}</font>
							            							</span>
																</div>
																<div class="dian1">
																	<span class="fl">
			                              								<a title="回复" class= "noter-dy vam" @click="reply(index)">
			                               									<em class=" icon18"></em>(
			                                     							<span class="replyCount17" >{{c.replyCount}}</span>)
																	</a>
																	
								        								<tt  title="赞一下" class="noter-zan vam ml10 f-fM" @click="addPraise(c.commentId,index)">
								        									<em class="icon18" >&nbsp;</em>点赞(<span class="addPraise17_ 4 praiseCount" >{{c.praiseCount}}</span>)
																		</tt>
																	</span>
																</div>
															</div>
														</dd>
													</dl><br>
													<div v-show="status[index]">
														<span>
														<textarea name="" id="' + comment_id + 'ttt" value="" v-model="content" rows="3" cols="50" style="margin-left: 130px; margin-right: 130px; width: 635px;" :placeholder="sonPlaceholder"></textarea>
													</span>
														<br/>
														<span class="h1" style="margin-left: 420px;">
														<button href="#" id="but" class="lh-reply-btn" @click="addChildReply(c.commentId)" >回复</button>
													</span>
														<div class="zihuifu" v-for="coms in comments" v-if="coms.pCommentId==c.commentId">
															<dl class="n-reply-list" style="margin-left: 80px; margin-right: 130px; width: 655px;">
																<dd>
																	<aside class="noter-pic">
																		<img width="50" height="50" class="picImg" :src="coms.picImg">
																	</aside>
																	<div class="zpl">
																		<span class="zp">
														<span style="color:deepskyblue"> {{coms.showName}} </span> <b>评论:</b>
																		</span>
																	</div>
																	<div class="zpl">
																		<div class="noter-txt mt5">
																			<p> {{coms.content}} </p>
																		</div>
																		</tt>
																		<div class="of mt5">
																			<span class="fr">
														 <font class="fsize12 c-999 ml5"> {{coms.addtime | dateFrm}} </font>
														</span>
																		</div>
																	</div>
																</dd>
															</dl>
														</div>
													</div>
												</li>

												<div class="huifu1" id="'+c.commentId+'ppp" style="display:none"></div>

											</ul>
										</article>
									</div>

								</section>
							</article>
							<aside class="fl col-3">
								<div class="i-box">
									<div>
										<section class="c-infor-tabTitle c-tab-title">
											<a title="" href="javascript:void(0)">主讲讲师</a>
										</section>
										<section class="stud-act-list">
											<ul style="height: auto;">
												<li v-for="t in teachers">
													<div class="u-face">
														<a href="#" @click="getTeacher(t)">
															<img :src="t.picPath" width="50" height="50">
														</a>
													</div>
													<section class="hLh30 txtOf">
														<a class="c-333 fsize16 fl" href="#" @click="getTeacher(t)">{{t.name}} </a>
													</section>
													<section class="hLh20 txtOf">
														<span class="c-999"> {{t.education}} </span>
													</section>
												</li>
											</ul>
										</section>
									</div>
								</div>
								<div class="i-box mt20">
									<div id="courseLearnedUserDiv">
										<section class="c-infor-tabTitle c-tab-title">
											<a title="" href="javascript:void(0)">学过此课的人（0）</a>
										</section>
										<section class="no-data-wrap"><em class="icon30 no-data-ico">&nbsp;</em><span class="c-666 fsize14 ml10 vam">还没有人学过此课程，快去学习吧...</span></section>
									</div>
								</div>
								<div class="i-box mt20">
									<div>
										<section class="c-infor-tabTitle c-tab-title">
											<a title="" href="javascript:void(0)">猜你想学</a>
										</section>
										<section class="no-data-wrap">
											<em class="icon30 no-data-ico">&nbsp;</em> <span class="c-666 fsize14 ml10 vam">没有相关数据，小编正在整理中...</span>
										</section>
									</div>
								</div>
							</aside>
						</div>
						<div class="clear"></div>
					</div>
				</section>
				<!-- /课程详情 结束 -->
			</div>
			<script>

				var app = new Vue({
					el: "#aCoursesList",
					data: {
						/*
						 * course：课程信息
						 * kpoints:节点信息
						 * context: 课程介绍
						 * parent: 章 ，非节点
						 * teachers: 授课教师
						 * flag:是否显示视频节点
						 * comments:课程评论信息
						 * status:是否显示子评论
						 * content：子回复内容
						 * parentContent:父回复内容
						 * */
						course: "",
						kpoints: [],
						parent: [],
						teachers: [],
						comments: [],
						flag: false,
						status: [],
						content: "",
						parentContent: "",
						placeholder: "输入您的评论！",
						sonPlaceholder: "你想要评论的内容...",
						praise:[]
					},

					created: function() {
						var _this = this;
						var courseId = localStorage["courseId"];
						//							alert(courseId)
						axios.get("http://localhost:9095/user/courseVideo/init", {
							params: {
								"id": courseId
							}
						}).
						then(function(response) {
							if(response.data.code==200){
								console.log(response)
								_this.course = response.data.data.course;
								_this.kpoints = response.data.data.kpoints;
								_this.context = _this.course.context;
								_this.teachers = response.data.data.teachers;
								_this.comments = response.data.data.comments;
								console.log(_this.teachers)
								_this.kpoints.forEach(function(x, y) {
									if(x.parentId == 0) {
										_this.parent.push(x)
										_this.praise.push(false)
									}
								})
								_this.comments.forEach(function(x, y) {
									_this.status.push(false);
								})
							}else{
								location.href="../menu/index.html";
							}
								

							},
							function(error) {
								alert("错误")
							})
					},
					methods: {
						/*视频跳转*/
						playVideo: function() {
							var that = this;
							var token = localStorage["token"];
								
							var eduUser = islogins(token).data;
							if(eduUser != null && eduUser != "") {
								localStorage.setItem("eduUser", eduUser);
								location.href = "video.html";
							} else {
								lrFun();
								return;
							}

						},
						/*控制章节显示隐藏*/
						showAndHide: function(i) {
							var ol = document.getElementById(i);
							if(ol.style.display == 'none') {
								ol.style.display = 'block';
							} else {
								ol.style.display = 'none';
							}
						},
						/*回复点击隐藏显示*/
						reply: function(index) {

							this.$set(this.status, index, !this.status[index])
						},
						/*添加子回复*/
						addChildReply: function(commentId) {

							var that = this;
							var token = localStorage["token"];
							var eduUser = "";
							//未登录
							$.ajax({
								type: "post",
								url: "http://localhost:9095/user/isLogin",
								async: false,
								headers: {
									"token": token
								},
								success: function(msg) {

									if(msg.code != 200) {
										lrFun(3);
										return;
									} else {
										eduUser = msg.data;
										that.$options.methods.sendSonReply(eduUser, that.content, that, commentId);
									}
								}
							});

						},
						/*发送子回复方法*/
						sendSonReply: function(eduUser, content, _that, commentId) {
							axios.defaults.headers.common["token"] = localStorage.getItem("token");
							if(content.length <= 4 || content.length > 100) {
								alert("评论不得小于4个字且不得超过100字！")
								return;
							}
							var eduComment = {
								"userId": eduUser.userId,
								"pCommentId": commentId,
								"content": content,
								"otherId": localStorage["courseId"]
							}
							axios({
								url: "http://localhost:9095/user/comment/addSon",
								method: "post",
								headers: {
									'Content-Type': 'application/x-www-form-urlencoded'
								},
								params: eduComment
							}).then(function(response) {
								if(response.data.code == 200) {
									_that.content = "";
									_that.comments = response.data.data;
								} else {
									alert(response.data.message);
								}
							}, function(error) {
								alert("服务器错误");
							})
						},
						/*添加回复*/
						addReply: function() {
							var that = this;
							var token = localStorage.getItem("token");
							var json = islogins(token);
							if(json.code==200) {
								eduUser = json.data;
								that.$options.methods.sendReply(eduUser, that.parentContent, that);
							}else{
								lrFun(1);
								return;
							}
						},
						/*发送父回复请求*/
						sendReply: function(eduUser, str, _that) {
							var that = this;
							if(str.length <= 4 || str.length > 100) {
								alert("评论不得小于4个字且不得超过100字！");
								return;
							}
							var eduComment = {
								"content": str,
								"otherId": localStorage["courseId"],
								"userId": eduUser.userId
							}
							axios.defaults.headers.common["token"] = localStorage.getItem("token");
							axios({
								method: "post",
								url: "http://localhost:9095/user/comment/addParent",
								headers: {
									'Content-Type': 'application/json'
								},
								params: eduComment
							}).then(function(response) {
								if(response.data.code == 200) {
									_that.parentContent = "";
									_that.comments = response.data.data;

								} else {
									alert(response.data.message)
								}
							}, function(error) {
								console.log(error)
								alert("服务器错误")
							})
						},
						/*点赞评论*/
						addPraise: function(commentId,index) {
							var that = this;
							var json = islogins(localStorage.getItem("token"));
							if(json.code==200) {
								if(that.praise[index]){
									dialog('提示信息',"不能重复点赞",1);
									return;
								}else{
									that.$set(that.praise,index,true)
								}
								axios.post("http://localhost:9095/user/comment/addPraise/" + commentId)
								.then(function(response) {
									if(response.data.code == 200) {
										that.comments = response.data.data;

									} else {
										alert(response.data.message)
									}
								}, function(error) {
									alert("服务器错误")
								})
							}else{
								lrFun(1);
								return;
							}
							
						},
						getTeacher:function(obj){
							localStorage.setItem("id",obj.id);
							location.href="../../teachar/teacherDetail.html"
						}
					},
					/*时间处理*/
					filters: {
						dateFrm: function(el) {
							return moment(el).format("YYYY-MM-DD HH:mm:ss");
						}
					}
				})
			</script>

			<!-- /课程封面介绍 -->
			<div class="mt20 c-infor-box">
				<article class="fl col-7">
					<section class="mr30">
						<div class="i-box">
							<div>
							
							</div>
						</div>
					</section>
				</article>
				<aside class="fl col-3">
					<div class="i-box">
						<div>

							<section class="stud-act-list" id="speacker">
								<!--
                                        	作者：offline
                                        	时间：2018-12-17
                                        	描述：主讲讲师
                                        -->
								<script>
								</script>

							</section>
						</div>
					</div>
				</aside>
				<div class="clear"></div>
			</div>

			<!--课程详情 结束 -->
		</div>

		<!-- 公共底引入 -->
		<footer id="footer">
			<section class="container">
				<div class="">
					<h4 class="hLh30">
				<span class="fsize18 f-fM c-999">友情链接</span>
			</h4>
					<ul class="of flink-list">
						<li>
							<a href="http://www.xyqhit.com" title="三阳科技" target="_blank">三阳科技</a>
						</li>
					</ul>
					<div class="clear"></div>
				</div>
				<div class="b-foot">
					<section class="fl col-7">
						<section class="mr20">
							<section class="b-f-link">
								<a href="/front/helpCenter?id=193" title="关于我们" target="_blank">关于我们</a>|
								<a href="/front/helpCenter?id=194" title="联系我们" target="_blank">联系我们</a>|
								<a href="#" title="成功案例" target="_blank">成功案例</a>|
								<a href="/front/helpCenter" title="帮助中心" target="_blank">帮助中心</a>|
								<span>服务热线：400-006-5079</span> <span>Email：xiejinlong@inxedu.com</span>
							</section>
							<section class="b-f-link mt10">
								<span>©2010-2015 INXEDU有限公司 版权所有 京ICP备15017521号</span>
							</section>
						</section>
					</section>
					<aside class="fl col-3 tac mt15">
						<section class="gf-tx">
							<span><img src="../../static/inxweb/img/wx-icon.png" alt=""></span>
							<div class="gf-tx-ewm">
								<img src="../../images/upload/image/20150908/1441801228269.png" alt="">
							</div>
						</section>
						<section class="gf-tx">
							<span><img src="../../static/inxweb/img/wb-icon.png" alt=""></span>
							<div class="gf-tx-ewm">
								<img src="http:../../images/upload/image/20150908/1441801298938.png" alt="">
							</div>
						</section>
					</aside>
					<div class="clear"></div>
				</div>
			</section>
		</footer>
		<div class="r-fixed-wrap">
			<ul class="r-fixed-ul">
				<li id="goTopBtn" class="undis">
					<a href="javascript: void(0)" title="返回顶部" class="bg-orange">
						<em class="r-f-icon-3">&nbsp;</em><span>返回顶部</span>
					</a>
				</li>
				<li class="foot-zixun">
					<a href="" title="在线咨询" class="bg-orange">
						<em class="r-f-icon-1">&nbsp;</em><span>在线咨询</span>
					</a>
				</li>
				<li class="foot-zixun">
					<a href="" title="扫描关注" class="bg-orange">
						<em class="r-f-icon-2">&nbsp;</em><span>扫描关注</span>
					</a>
				</li>
			</ul>
		</div>
		<!-- 公共底引入 -->

	</body>

</html>